;(function (root, factory) {
  if (typeof define === "function" && define.amd) {
    // AMD. Register as an anonymous module.
    define(["exports", "echarts"], factory)
  } else if (
    typeof exports === "object" &&
    typeof exports.nodeName !== "string"
  ) {
    // CommonJS
    factory(exports, require("echarts"))
  } else {
    // Browser globals
    factory({}, root.echarts)
  }
})(this, function (exports, echarts) {
  var log = function (msg) {
    if (typeof console !== "undefined") {
      console && console.error && console.error(msg)
    }
  }
  if (!echarts) {
    log("ECharts is not Loaded")
    return
  }
  echarts.registerTheme("westeros", {
    color: [
      "#2ec7c9",
      "#b6a2de",
      "#5ab1ef",
      "#ffb980",
      "#d87a80",
      "#8d98b3",
      "#e5cf0d",
      "#97b552",
      "#95706d",
      "#dc69aa",
      "#07a2a4",
      "#9a7fd1",
      "#588dd5",
      "#f5994e",
      "#c05050",
      "#59678c",
      "#c9ab00",
      "#7eb00a",
      "#6f5553",
      "#c14089"
    ],
    backgroundColor: "rgba(0,0,0,0)",
    textStyle: {},
    title: {
      textStyle: {
        color: "#008acd"
      },
      subtextStyle: {
        color: "#aaaaaa"
      }
    },
    line: {
      itemStyle: {
        borderWidth: 1
      },
      lineStyle: {
        width: 2
      },
      symbolSize: "3",
      symbol: "emptyCircle",
      smooth: true
    },
    radar: {
      itemStyle: {
        borderWidth: 1
      },
      lineStyle: {
        width: 2
      },
      symbolSize: "3",
      symbol: "emptyCircle",
      smooth: true
    },
    bar: {
      itemStyle: {
        barBorderWidth: 0,
        barBorderColor: "#ccc"
      }
    },
    pie: {
      itemStyle: {
        borderWidth: 0,
        borderColor: "#ccc"
      }
    },
    scatter: {
      itemStyle: {
        borderWidth: 0,
        borderColor: "#ccc"
      }
    },
    boxplot: {
      itemStyle: {
        borderWidth: 0,
        borderColor: "#ccc"
      }
    },
    parallel: {
      itemStyle: {
        borderWidth: 0,
        borderColor: "#ccc"
      }
    },
    sankey: {
      itemStyle: {
        borderWidth: 0,
        borderColor: "#ccc"
      }
    },
    funnel: {
      itemStyle: {
        borderWidth: 0,
        borderColor: "#ccc"
      }
    },
    gauge: {
      itemStyle: {
        borderWidth: 0,
        borderColor: "#ccc"
      }
    },
    candlestick: {
      itemStyle: {
        color: "#d87a80",
        color0: "#2ec7c9",
        borderColor: "#d87a80",
        borderColor0: "#2ec7c9",
        borderWidth: 1
      }
    },
    graph: {
      itemStyle: {
        borderWidth: 0,
        borderColor: "#ccc"
      },
      lineStyle: {
        width: 1,
        color: "#aaa"
      },
      symbolSize: "3",
      symbol: "emptyCircle",
      smooth: true,
      color: [
        "#2ec7c9",
        "#b6a2de",
        "#5ab1ef",
        "#ffb980",
        "#d87a80",
        "#8d98b3",
        "#e5cf0d",
        "#97b552",
        "#95706d",
        "#dc69aa",
        "#07a2a4",
        "#9a7fd1",
        "#588dd5",
        "#f5994e",
        "#c05050",
        "#59678c",
        "#c9ab00",
        "#7eb00a",
        "#6f5553",
        "#c14089"
      ],
      label: {
        color: "#000000"
      }
    },
    map: {
      itemStyle: {
        areaColor: "#dddddd",
        borderColor: "#eeeeee",
        borderWidth: 0.5
      },
      label: {
        color: "#d87a80"
      },
      emphasis: {
        itemStyle: {
          areaColor: "rgba(254,153,78,1)",
          borderColor: "#444",
          borderWidth: 1
        },
        label: {
          color: "rgb(100,0,0)"
        }
      }
    },
    geo: {
      itemStyle: {
        areaColor: "#dddddd",
        borderColor: "#eeeeee",
        borderWidth: 0.5
      },
      label: {
        color: "#d87a80"
      },
      emphasis: {
        itemStyle: {
          areaColor: "rgba(254,153,78,1)",
          borderColor: "#444",
          borderWidth: 1
        },
        label: {
          color: "rgb(100,0,0)"
        }
      }
    },
    categoryAxis: {
      axisLine: {
        show: true,
        lineStyle: {
          color: "#000"
        }
      },
      axisTick: {
        show: true,
        lineStyle: {
          color: "#333333"
        }
      },
      axisLabel: {
        show: true,
        color: "#333333"
      },
      splitLine: {
        show: false,
        lineStyle: {
          color: ["#aaaaaa"]
        }
      },
      splitArea: {
        show: false,
        areaStyle: {
          color: ["#eeeeee"]
        }
      }
    },
    valueAxis: {
      axisLine: {
        show: false,
        lineStyle: {
          color: "#008acd"
        }
      },
      axisTick: {
        show: false,
        lineStyle: {
          color: "#333333"
        }
      },
      axisLabel: {
        show: true,
        color: "#333333"
      },
      splitLine: {
        show: true,
        lineStyle: {
          color: ["#aaaaaa"]
        }
      },
      splitArea: {
        show: false,
        areaStyle: {
          color: ["#eeeeee"]
        }
      }
    },
    logAxis: {
      axisLine: {
        show: true,
        lineStyle: {
          color: "#000"
        }
      },
      axisTick: {
        show: true,
        lineStyle: {
          color: "#333333"
        }
      },
      axisLabel: {
        show: true,
        color: "#333333"
      },
      splitLine: {
        show: false,
        lineStyle: {
          color: ["#aaaaaa"]
        }
      },
      splitArea: {
        show: false,
        areaStyle: {
          color: ["#eeeeee"]
        }
      }
    },
    timeAxis: {
      axisLine: {
        show: true,
        lineStyle: {
          color: "#000"
        }
      },
      axisTick: {
        show: true,
        lineStyle: {
          color: "#333333"
        }
      },
      axisLabel: {
        show: true,
        color: "#333333"
      },
      splitLine: {
        show: false,
        lineStyle: {
          color: ["#aaaaaa"]
        }
      },
      splitArea: {
        show: false,
        areaStyle: {
          color: ["#eeeeee"]
        }
      }
    },
    toolbox: {
      iconStyle: {
        borderColor: "#2ec7c9"
      },
      emphasis: {
        iconStyle: {
          borderColor: "#18a4a6"
        }
      }
    },
    legend: {
      textStyle: {
        color: "#333333"
      }
    },
    tooltip: {
      axisPointer: {
        lineStyle: {
          color: "#008acd",
          width: "1"
        },
        crossStyle: {
          color: "#008acd",
          width: "1"
        }
      }
    },
    timeline: {
      lineStyle: {
        color: "#008acd",
        width: 1
      },
      itemStyle: {
        color: "#008acd",
        borderWidth: 1
      },
      controlStyle: {
        color: "#008acd",
        borderColor: "#008acd",
        borderWidth: 0.5
      },
      checkpointStyle: {
        color: "#2ec7c9",
        borderColor: "#2ec7c9"
      },
      label: {
        color: "#008acd"
      },
      emphasis: {
        itemStyle: {
          color: "#a9334c"
        },
        controlStyle: {
          color: "#008acd",
          borderColor: "#008acd",
          borderWidth: 0.5
        },
        label: {
          color: "#008acd"
        }
      }
    },
    visualMap: {
      color: ["#5ab1ef", "#e0ffff"]
    },
    dataZoom: {
      backgroundColor: "rgba(47,69,84,0)",
      dataBackgroundColor: "#efefff",
      fillerColor: "rgba(182,162,222,0.2)",
      handleColor: "#008acd",
      handleSize: "100%",
      textStyle: {
        color: "#333333"
      }
    },
    markPoint: {
      label: {
        color: "#000000"
      },
      emphasis: {
        label: {
          color: "#000000"
        }
      }
    }
  })
})
